import { defineComponent } from 'vue';
import { NButtonGroup } from 'naive-ui';
import Imports from '@/components/bpmn/components/Toolbar/components/Imports';
import Exports from '@/components/bpmn/components/Toolbar/components/Exports';
import Previews from '@/components/bpmn/components/Toolbar/components/Previews';
import Aligns from '@/components/bpmn/components/Toolbar/components/Aligns';
import Scales from '@/components/bpmn/components/Toolbar/components/Scales';
import Commands from '@/components/bpmn/components/Toolbar/components/Commands';
import ExternalTools from '@/components/bpmn/components/Toolbar/components/ExternalTools';

const Toolbar = defineComponent({
  name: 'ToolBar',
  setup() {
    return () => (
      <div class="toolbar">
        <NButtonGroup>
          <Imports></Imports>
          <Exports></Exports>
          <Previews></Previews>
        </NButtonGroup>
        <Aligns></Aligns>
        <Scales></Scales>
        <Commands></Commands>
        <ExternalTools></ExternalTools>
      </div>
    );
  }
});

export default Toolbar;
